<template>
  <div class="consultantList">
    <Header />
    <div class="consuBox">
      <!--consultantList top  -->
      <div class="consu_top">
        <div class="consu_img">
          <img :src="baseURL + consultantInfo.headimage" alt="" />
        </div>
        <div class="consu_name">
          <div class="consu_name_name">{{ consultantInfo.name }}</div>
          <div class="consu_name_box">
            <div class="consu_name_sex">男</div>
            <div class="consu_name_img">
              <img src="../assets/image/tb141.png" alt="" />
            </div>
          </div>
        </div>
        <div class="consu_rank">
          <div class="consu_rank_img">
            <img src="../assets/image/guan.png" alt="" />
          </div>
          <div class="consu_rank_font">人力咨询金牌咨询师</div>
        </div>
        <div class="consu_about">
          <div class="consu_about_left">
            帮助人数：
            <p>5.6万</p>
          </div>
          <div class="consu_about_right">
            经验时间：
            <p>5年</p>
          </div>
        </div>
      </div>
      <!-- bottom -->
      <div class="consu_bottom">
        <div class="consu_bottom_box">
          <div class="consu_bottom_left">认证资质</div>

          <div class="consu_bottom_right">
            <div class="consu_right_box"></div>
            <div class="consu_right_box"></div>
          </div>
        </div>
        <div class="consu_bottom_box">
          <div class="consu_bottom_left">个人介绍</div>

          <div class="consu_bottom_right">
            您使用觅元素服务上传、发布或传输内容即代表了您有权且同意在全世界范围内，永久性的、不可撤销的、免费的授予觅元素对该内容的存储、使用、发布、复制、发行、展览、网络传播、修改、改编、出版、翻译、
          </div>
        </div>
        <div class="consu_bottom_box">
          <div class="consu_bottom_left">服务内容</div>

          <div class="consu_bottom_right">
            您使用觅元素服务上传、发布或传输内容即代表了您有权且同意在全世界范围内，永久性的、不可撤销的、免费的授予觅元素对该内容的存储、使用、发布、复制、发行、展览、网络传播、修改、改编、出版、翻译、
          </div>
        </div>
        <div class="consu_bottom_box">
          <div class="consu_bottom_left">联系方式</div>

          <div class="consu_bottom_right">
            您使用觅元素服务上传、发布或传输内容即代表了您有权且同意在全世界范围内，永久性的、不可撤销的、免费的授予觅元素对该内容的存储、使用、发布、复制、发行、展览、网络传播、修改、改编、出版、翻译、
          </div>
        </div>
        <div class="consu_bottom_box">
          <div class="consu_bottom_left">咨询须知</div>

          <div class="consu_bottom_right">
            您使用觅元素服务上传、发布或传输内容即代表了您有权且同意在全世界范围内，永久性的、不可撤销的、免费的授予觅元素对该内容的存储、使用、发布、复制、发行、展览、网络传播、修改、改编、出版、翻译、
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getUserinfo } from "../api/index/index";
export default {
  data() {
    return {
      baseURL: this.$store.state.baseURL,
      consultantInfo: {},
    };
  },
  mounted() {
    let vm = this;
    vm.type = vm.$route.query.id;
    //咨询师详情
    vm.getConsultantInfo();
  },
  methods: {
    //咨询师详情请求
    async getConsultantInfo() {
      console.log(this.type);
      let vm = this;
      let data = { id: vm.type };
      const res = await getUserinfo(data);
      console.log(res, "咨询师详情");
      vm.consultantInfo = res.data.data;
      this.$toast(res.data.msg);
    },
  },
};
</script>
<style lang="less" scoped>
// footer
@import url("../assets/css/consultantList.css");
</style>